import React from 'react';
import { Routes, Route, Navigate } from 'react-router-dom';
import Navbar from './components/Navbar';
import Footer from './components/Footer';
import HomePage from './pages/HomePage';
import WalletPage from './pages/wallet/WalletPage';
import IssuerPage from './pages/issuer/IssuerPage';
import VerifierPage from './pages/verifier/VerifierPage';
import NotFoundPage from './pages/NotFoundPage';
import { AuthProvider } from './contexts/AuthContext';

function App() {
  return (
    <AuthProvider>
      <div className="app-wrapper">
        <Navbar />
        <main className="app-container">
          <Routes>
            <Route path="/" element={<HomePage />} />
            <Route path="/wallet/*" element={<WalletPage />} />
            <Route path="/issuer/*" element={<IssuerPage />} />
            <Route path="/verifier/*" element={<VerifierPage />} />
            <Route path="/404" element={<NotFoundPage />} />
            <Route path="*" element={<Navigate to="/404" replace />} />
          </Routes>
        </main>
        <Footer />
      </div>
    </AuthProvider>
  );
}

export default App; 